<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>demo</title>
	<meta name="keywords" content=""/>
	<meta name="description" content=""/>
	<meta name="viewport" content="width=device-width"/>
	<link rel="shortcut icon" href="img/touchicon.png"/>
	<link rel="stylesheet" href=""/>
	<style type="text/css">
		.clearfix:after{content:'.';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
		.clearfix{zoom:1;}

	</style>
</head>
<body>
	<input type="button" id="btn" value="button">
	<p>This is a paragraph!</p>
	<script>
		(function(){
			var pCol = document.getElementsByTagName('p');
			pCol[0].style.color = '#f00';
		}());
	</script>
</body>
</html>